layui.use(['table','form','laydate'], function(){
    var table = layui.table
    ,layer = layui.layer
    ,form  = layui.form
    ,laydate  = layui.laydate;
    //时间
    laydate.render({
        elem: '#order_time'
        ,type: 'datetime'
        ,range: true
    });
    //监听submit
    form.on('submit(*)', function(data){
        table.reload('idTable', {
              url: renderUrl+'?'+$('#form_submit').serialize()
        });
        return false; //阻止表单跳转
    });
    //初始表格
    table.render({
        elem: '#initdate'
        ,id: 'idTable'
        ,url:renderUrl
        ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
        ,toolbar: '#toolbarDemo'//默认工具栏
        ,defaultToolbar: ['filter', 'print'] //右侧默认工具栏
        ,method:'get'//请求方式
        ,page:true//开启分页
        ,limit:15//每页记录数
        ,limits:[15,30,40,50,60,70,80,90,100]//每页记录数
        ,cols: [clos]
    });
    //监听单元格编辑
    table.on('edit(datatable)', function(obj){
        var data = obj.data //得到所在行所有键值
        //提交编辑
        $.post(editUrl,{'id':data.id, 'broadband_user':data.broadband_user, 'itcard':data.itcard, 'phone':data.phone, 'province':data.province, 'prefectu':data.prefectu, 'region':data.region, 'address_desc':data.address_desc},function(msg){

            if(msg == 'success')
            {
                layer.msg('[订单: '+ data.order_id +'] 更成功');      
            }else{
                layer.msg(msg);
            }
        })

    });
    //监听头工具栏事件
    table.on('toolbar(datatable)', function(obj){
        var checkStatus = table.checkStatus(obj.config.id);
        
        switch(obj.event)
        {
            case 'dao':
                //提交编辑
                var indexdao = layer.load();
                $.get(daoUrl,$('#form_submit').serialize(),function(msg){
                    table.exportFile(['渠道号','渠道','产品编码','机主姓名','身份证号','机主手机号','省份','城市','地区','详细地址','订单号','时间','状态'], msg, 'csv'); //默认导出 csv，也可以为：xls
                    layer.close(indexdao);
                })
            break;
        }
    })
    //监听工具条
    table.on('tool(datatable)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的DOM对象
    
        if(layEvent === 'setsta'){ //查看
            layer.confirm('<select style="width:100%;padding:10px" id="edstatus" lay-filter="aihao"><option value="">请选择</option> <option value="1">未完成</option> <option value="2">安装中</option> <option value="3">已完成</option> <option value="4">撤销</option> </select>' 
                ,{'title':'更新状态'},function(){
                var edstatus = $('#edstatus').val();
                var edoption = $('#edstatus option:selected').text();
                if(edstatus)
                {
                    $.post(statusUrl,{'id':data.id, 'status':edstatus},function(msg){
                        if(msg == 'success')
                        {
                            layer.msg('修改成功');      
                            obj.update({
                              status_: edoption
                            });
                            tr.css('border-color','#5FB878');
                        }else{
                            layer.msg('修改失败',{icon:2});
                        }
                    })
                }
            });
        }
    });
});